93:I[903690,["/chat-static/_next/static/chunks/2ny0f3_zeefg8.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/0c34czz85xh3f.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3ot6wcd5ecpln.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1c4pf12npy4a_.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/2j46pilgqkinh.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3wiwg53adn758.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/2b2k-zf-b56kd.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/0l5nai4znivqy.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/35cffbjvsl8sh.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3abf52lxefhni.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1qn4-ha2vsd-p.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/095lel5ufcr08.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/0zgz5up_moiwf.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/2cv_oykzmlqpk.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/2eq_3tgsc9fan.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3u5f5fge21f5p.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/2cbmnugpvavl4.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3-5v2zikwtdtn.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/09z6ri07r3sma.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/420uifudym9av.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/04dkbwvbkscb6.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/194j0nolabgr9.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1fvo0xwkj8x_o.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3z-fk_6xzfhai.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/37xbvek5lee4t.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/0-9zq73z_eohn.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1axcumexuksf-.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/2iwiq6nmum4w5.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3bu_pn69_2ac_.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1lb6na2ocrfl4.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1zjw9h8eodvzb.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/0rr17y2zzppmc.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/2avjef50dmojk.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1_kx0_cln4rnk.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/337wrk72tvyil.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1ks0r-j8ozfdw.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3fqvzp2yqv6c9.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1a7v266ajms1f.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3pwc98sa29io0.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6"],"ExplicitChatIdProvider"] 94:I[838238,["/chat-static/_next/static/chunks/2ny0f3_zeefg8.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/0c34czz85xh3f.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3ot6wcd5ecpln.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1c4pf12npy4a_.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/2j46pilgqkinh.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3wiwg53adn758.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/2b2k-zf-b56kd.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/0l5nai4znivqy.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/35cffbjvsl8sh.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3abf52lxefhni.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1qn4-ha2vsd-p.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/095lel5ufcr08.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1rz_9ckgsy-eb.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/0zgz5up_moiwf.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/2cv_oykzmlqpk.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/2eq_3tgsc9fan.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3u5f5fge21f5p.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3nl30ufs08xyt.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/2cbmnugpvavl4.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3-5v2zikwtdtn.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/09z6ri07r3sma.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/11e80b-y89mrs.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/420uifudym9av.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/04dkbwvbkscb6.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/194j0nolabgr9.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1fvo0xwkj8x_o.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3z-fk_6xzfhai.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/37xbvek5lee4t.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/0-9zq73z_eohn.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1axcumexuksf-.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/2iwiq6nmum4w5.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3bu_pn69_2ac_.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1lb6na2ocrfl4.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1zjw9h8eodvzb.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/0rr17y2zzppmc.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/2avjef50dmojk.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1_kx0_cln4rnk.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/337wrk72tvyil.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1ks0r-j8ozfdw.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3fqvzp2yqv6c9.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/1a7v266ajms1f.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6","/chat-static/_next/static/chunks/3pwc98sa29io0.js?dpl=dpl_F6fGdtRkhKtVZAN4AcSEoy23cve6"],"SWRDataProvider"] 95:T2492,[V0_FILE]typescriptreact:file="currency-converter.tsx" isQuickEdit="true" "use client" import { useState, useEffect } from "react" import { motion } from "framer-motion" import { Input } from "@/components/ui/input" import { Button } from "@/components/ui/button" import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog" import { ScrollArea } from "@/components/ui/scroll-area" import { ArrowUpDown, ChevronRight, Search } from "lucide-react" const fiatCurrencies = [ { code: "USD", name: "US Dollar", flag: "🇺🇸" }, { code: "EUR", name: "Euro", flag: "🇪🇺" }, { code: "GBP", name: "British Pound", flag: "🇬🇧" }, { code: "JPY", name: "Japanese Yen", flag: "🇯🇵" }, { code: "AUD", name: "Australian Dollar", flag: "🇦🇺" }, { code: "CAD", name: "Canadian Dollar", flag: "🇨🇦" }, { code: "CHF", name: "Swiss Franc", flag: "🇨🇭" }, { code: "CNY", name: "Chinese Yuan", flag: "🇨🇳" }, { code: "INR", name: "Indian Rupee", flag: "🇮🇳" }, { code: "SGD", name: "Singapore Dollar", flag: "🇸🇬" }, { code: "NZD", name: "New Zealand Dollar", flag: "🇳🇿" }, { code: "MXN", name: "Mexican Peso", flag: "🇲🇽" }, { code: "BRL", name: "Brazilian Real", flag: "🇧🇷" }, { code: "SEK", name: "Swedish Krona", flag: "🇸🇪" }, { code: "NOK", name: "Norwegian Krone", flag: "🇳🇴" }, ] const cryptoCurrencies = [ { code: "BTC", name: "Bitcoin", icon: "₿" }, { code: "ETH", name: "Ethereum", icon: "Ξ" }, { code: "USDT", name: "Tether", icon: "₮" }, { code: "BNB", name: "Binance Coin", icon: "BNB" }, { code: "XRP", name: "Ripple", icon: "XRP" }, { code: "ADA", name: "Cardano", icon: "ADA" }, { code: "SOL", name: "Solana", icon: "SOL" }, { code: "DOT", name: "Polkadot", icon: "DOT" }, { code: "DOGE", name: "Dogecoin", icon: "Ð" }, { code: "AVAX", name: "Avalanche", icon: "AVAX" }, ] export default function CurrencyConverter() { const [amount, setAmount] = useState(1) const [fromCurrency, setFromCurrency] = useState("USD") const [toCurrency, setToCurrency] = useState("EUR") const [convertedAmount, setConvertedAmount] = useState(null) const [exchangeRate, setExchangeRate] = useState(null) const [isCrypto, setIsCrypto] = useState(false) const [isLoading, setIsLoading] = useState(false) const [error, setError] = useState(null) useEffect(() => { const fetchExchangeRate = async () => { setIsLoading(true) setError(null) try { const response = await fetch( `https://free.currconv.com/api/v7/convert?apiKey=YOUR_API_KEY&q=${fromCurrency}_${toCurrency}&compact=ultra`, ) if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`) } const data = await response.json() const rate = data[`${fromCurrency}_${toCurrency}`] if (!rate) { throw new Error("Exchange rate not found in response") } setExchangeRate(rate) setConvertedAmount(amount * rate) } catch (error) { console.error("Error fetching exchange rate:", error) setError("Failed to fetch exchange rate. Using fallback rate.") // Fallback to a static exchange rate const fallbackRate = 1.1 // Example fallback rate setExchangeRate(fallbackRate) setConvertedAmount(amount * fallbackRate) } finally { setIsLoading(false) } } fetchExchangeRate() }, [amount, fromCurrency, toCurrency]) const handleSwapCurrencies = () => { setFromCurrency(toCurrency) setToCurrency(fromCurrency) } return (

Currency Converter

Convert

{ const value = Number.parseFloat(e.target.value) if (!isNaN(value)) { setAmount(Math.max(0, Math.min(1000000, value))) } }} onWheel={(e) => { e.preventDefault() const delta = e.deltaY > 0 ? -1 : 1 setAmount((prevAmount) => { const newAmount = prevAmount + delta return Math.max(0, Math.min(1000000, newAmount)) }) }} step="1" min="0" max="1000000" className="w-full text-5xl font-light bg-transparent border-none text-center focus:ring-0 focus:outline-none text-white placeholder-gray-400" placeholder="0" />

{isLoading ? (

) : ( <> {error &&

{error}

}

{convertedAmount !== null ? convertedAmount.toFixed(isCrypto ? 8 : 2) : "..."} {toCurrency}

1 {fromCurrency} = {exchangeRate !== null ? exchangeRate.toFixed(isCrypto ? 8 : 4) : "..."}{" "} {toCurrency}

)}

) } function CurrencySelect({ value, onChange, label, isCrypto }) { const [open, setOpen] = useState(false) const [search, setSearch] = useState("") const currencies = isCrypto ? cryptoCurrencies : fiatCurrencies const filteredCurrencies = currencies.filter( (currency) => currency.code.toLowerCase().includes(search.toLowerCase()) || currency.name.toLowerCase().includes(search.toLowerCase()), ) return ( ) } 89:["$","$L93",null,{"chatId":"wPdRCJBeVIz","children":["$","$L94",null,{"data":{"@\"active-block\",\"wPdRCJBeVIz\",":{"id":"jPJ5aJ5Ibw9","messageId":"gCAY0YcSDyHDZST6gNGmwSHT6UuPrVEZ","source":"$95","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"premium-currency-converter","type":"code-project","project":"premium-currency-converter"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"wPdRCJBeVIz\",":false,"":null},"children":"$L96"}]}]

About

Tags

Share

About

Tags

Share

More from dollargill

More Templates Like This